<template>
    <div class="mainContainer">
        <div class="flexContainer">
            <div class="introBox">
                <img src="@/assets/img/qihua/jydn/1.jpg">
            </div>
              <div class="introBox">
                <img src="@/assets/img/qihua/jydn/2.jpg">
            </div>
              <div class="introBox">
                <img src="@/assets/img/qihua/jydn/3.jpg">
            </div>
              <div class="introBox">
                <img src="@/assets/img/qihua/jydn/4.jpg">
            </div>
              <div class="introBox">
                <img src="@/assets/img/qihua/jydn/5.jpg">
            </div>
              <div class="introBox">
                <img src="@/assets/img/qihua/jydn/6.jpg">
            </div>
              <div class="introBox">
                <img src="@/assets/img/qihua/jydn/7.jpg">
            </div>
              <div class="introBox">
                <img src="@/assets/img/qihua/jydn/8.png">
            </div>

            
            <div class="introBox">
                <img src="@/assets/img/qihua/jdyy/1.png">
            </div>
              <div class="introBox">
                <img src="@/assets/img/qihua/jdyy/2.png">
            </div>
              <div class="introBox">
                 <img src="@/assets/img/qihua/jdyy/3.png">
            </div>
              <div class="introBox">
                 <img src="@/assets/img/qihua/jdyy/4.png">
            </div>
              <div class="introBox">
                 <img src="@/assets/img/qihua/jdyy/5.png">
            </div>
              <div class="introBox">
                 <img src="@/assets/img/qihua/jdyy/6.png">
            </div>
          
           <div class="introBox">
                <img src="@/assets/img/qihua/xdyy/1.png">
            </div>
              <div class="introBox">
                <img src="@/assets/img/qihua/xdyy/2.png">
            </div>
              <div class="introBox">
                 <img src="@/assets/img/qihua/xdyy/3.png">
            </div>
              <div class="introBox">
                 <img src="@/assets/img/qihua/xdyy/4.png">
            </div>
              <div class="introBox">
                 <img src="@/assets/img/qihua/xdyy/5.png">
            </div>
              <div class="introBox">
                 <img src="@/assets/img/qihua/xdyy/6.png">
            </div>
            <div class="introBox">
                 <img src="@/assets/img/qihua/xdyy/7.png">
            </div>
              <div class="introBox">
                 <img src="@/assets/img/qihua/xdyy/8.png">
            </div>
             <div class="introBox">
                 <img src="@/assets/img/qihua/xdyy/9.png">
            </div>
              <div class="introBox">
                 <img src="@/assets/img/qihua/xdyy/10.png">
            </div>
        </div>
    </div>
</template>

<script>
export default {
}
</script>

<style lang='scss' scoped>
.mainContainer{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.flexContainer{
    width: 100%;
    height: 100%;
    overflow: auto;;
    -webkit-overflow-scrolling: touch;
    position: relative;
}
.introBox{
    position: relative;
    margin-top: -1px;
    img{
        width: 100%;
        position: relative;
        z-index: 1;
    }
}
</style>